<template>
	<view>
		<view class="info">
			<view class="firstview"><image src="../../../static/about.jpg" mode=""></image></view>
			<view @click="callPhone">联系电话: 15811305718(点击拨打)</view>
			<view>地址:北京市朝阳区广渠门外大街A座</view>
		</view>
		<view class="loacl-position">
			<map scale=15 :longitude="longitude" :latitude="latitude" 
			:markers="markers" name=""></map>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude:39.5815,
				longitude:116.475,
				markers:[
					{
						latitude:39.5815,
						longitude:116.475,
						iconPath: '../../../static/icon/position.jpg',
						width:20,
						height:20
					}
				]
			}
		},
		methods: {
			callPhone() {
				uni.makePhoneCall({
					phoneNumber:"15811305718"
				})
			}
		}
	}
</script>

<style lang="scss">
	.info {
		.firstview {
			width: 100%;
			height: 380rpx;
			border: 0;
			image {
				width: 100%;
				height: 100%;
			}
		}
		view {
			height: 80px;
			border-bottom: 1px solid #EEEEEE;
			line-height: 80px;
			text-align: center;
		}
	}
	.loacl-position {
		width: 750rpx;
		height: 750rpx;
		map {
			width: 100%;
			height: 100%;
		}
	}
</style>
